/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot");
  src: url("../fonts/josephineSans/JosefinSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/josephineSans/JosefinSans-Thin.woff2") format("woff2"), url("../fonts/josephineSans/JosefinSans-Thin.woff") format("woff"), url("../fonts/josephineSans/JosefinSans-Thin.ttf") format("truetype"), url("../fonts/josephineSans/JosefinSans-Thin.svg#JosefinSans-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Josephine Sans";
  src: url("../fonts/josephineSans/JosefinSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

html {
  font-size: 18px;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Josephine Sans";
  font-weight: bold;
}
body h1 {
  font-size: 1.87rem;
}
body h2 {
  font-size: 1.87rem;
  line-height: 2.44rem;
  margin-bottom: 48px;
}
body h2.is-style-smaller-title {
  font-size: 1.467rem;
  line-height: 1.889rem;
}
body h2.tm-row-title {
  font-size: 1.833rem;
  line-height: 1.889rem;
  margin-bottom: 0px;
}
body h3 {
  font-size: 1.11rem;
  line-height: 1.667rem;
}
body h3.talk-money {
  font-size: 1.466rem;
  line-height: 1.888rem;
  margin-top: 9px;
  margin-bottom: 48px !important;
}
body .wwd-list-items h3 {
  margin-bottom: 6px;
}
body .entry-content .our-impact h2 {
  font-weight: 900;
  font-size: 1.1 0.67rem !important;
  margin-top: 47px;
  margin-bottom: 44px;
}
body p {
  font-family: "Josephine Sans";
  font-weight: 500;
  line-height: 1.667rem;
  letter-spacing: 0;
  font-size: 1rem;
}
body p.is-style-larger-p {
  font-size: 1.17rem;
  letter-spacing: -0.0233rem;
  line-height: 1.75rem;
}
body p.is-style-smaller-p {
  font-size: 1.1667rem;
  line-height: 1.5556rem;
}
body .talk-money h4.wp-block-heading {
  margin-top: 1px;
  font-size: 1.4667rem !important;
  line-height: 1.8889rem !important;
}
body .tm-right h3.wp-block-heading.is-style-less-margin {
  margin-bottom: 48px;
  font-size: 1.46667rem;
  margin-top: 26px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button {
  background-color: #818181;
  border-color: #818181;
  border-radius: 4px;
}
body .wp-block-buttons.is-style-button-grey a.wp-block-button__link.wp-element-button:hover {
  background-color: #4DBFBD !important;
  border-color: #4DBFBD !important;
  border-radius: 4px;
}
body h2.wwd-header + p {
  font-size: 18px !important;
  width: 1014px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90vw;
}
body .latest-resources-content .article-container article .info h3 {
  font-weight: 700 !important;
  font-size: 1.111rem !important;
  line-height: 1.944rem;
  height: 3.8rem;
  overflow: clip;
}
body .latest-resources-content .article-container article .link a {
  color: #2D2B64 !important;
  font-family: "Josephine Sans" !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700;
  position: relative;
}
body .latest-resources-content .article-container article .link a:before {
  content: "p";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
  content: "";
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-9px, 4px);
          transform: translate(-9px, 4px);
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%232d2b64'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-arrow-circle-right' data-name='Icon awesome-arrow-circle-right' d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10.563.563a10,10,0,1,1-10,10A10,10,0,0,1,10.563.563ZM9.4,6.353l3.044,2.919H5.079a.965.965,0,0,0-.968.968v.645a.965.965,0,0,0,.968.968h7.363L9.4,14.772a.969.969,0,0,0-.016,1.383l.444.44a.964.964,0,0,0,1.367,0l5.351-5.347a.964.964,0,0,0,0-1.367L11.192,4.526a.964.964,0,0,0-1.367,0l-.444.44A.974.974,0,0,0,9.4,6.353Z' transform='translate(-0.563 -0.563)' fill='%234DBFBD'/%3E%3C/svg%3E");
}
body .latest-resources-content .article-container article .link {
  padding-left: 38px !important;
}
body .gform_body input {
  font-family: "Josephine Sans" !important;
  font-weight: 500;
  padding-left: 15px !important;
  height: 50px;
  border-radius: 4px;
  font-size: 14px !important;
  margin-top: 0px !important;
  margin-bottom: 16px !important;
}
body .gform_wrapper ul li.gfield,
body .ginput_container.ginput_container_email,
body body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}
body li#field_1_1 {
  margin-bottom: -8px !important;
}

body .has-video .tm-right h2 {
  font-size: 1.833rem;
  line-height: 2.111rem;
}

body .talk-money h4.wp-block-heading.is-style-smaller-title {
  font-size: 1.167rem !important;
  line-height: 1.6667rem !important;
}

/*.banner, 
.banner-static {
    //height: 520px; 
    max-height: auto;
    margin: 0 calc(50% - 50vw) 0;
    padding: 0;
    position: relative;
    width: 100vw;
    margin-bottom:1.5rem;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;

    .banner-item {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        min-height: 355px;
    }
}*/
/* Banner slider */
.banner .banner-content {
  color: #ffffff;
  max-width: 635px;
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
@media screen and (max-width: 480px) {
  .banner .banner-content {
    top: 20%;
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
}
@media screen and (max-width: 767px) {
  .banner .banner-content {
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .banner .banner-content {
    padding-left: 110px;
  }
}
.banner .banner-content h1,
.banner .banner-content h2 {
  font-size: 42px;
  line-height: 53px;
}
.banner .banner-content h3,
.banner .banner-content h4,
.banner .banner-content h5 {
  line-height: 1.4em;
}
.banner .banner-content .button {
  margin-top: 40px;
}
.banner.slick-slider {
  opacity: 0;
  visibility: hidden;
}
.banner.slick-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.banner .slick-dots li button:before {
  color: #E0E0E0;
  font-size: 50px;
}
.banner .slick-dots li:only-child {
  display: none;
}
.banner .slick-dots li.slick-active button:before {
  color: #4DBFBD;
  font-size: 50px;
}

/** Static banner **/
/*.banner-static {

    .banner-content {
        color: $white;
        max-width: 635px;
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);

        @media screen and (max-width:480px) {
            top: 20%;
            transform: translateY(20%);
        }

        @media screen and (max-width:767px) {
            text-align: center;
            max-width: 100%;
            width: 100%;
        }

        @media screen and (min-width:768px) {
            //padding-left: 110px; 
            //padding-right: 110px;
        }

        h1, 
        h2 {
            //color: $white;
            font-size: 42px; 
            line-height: 53px;
            margin-bottom: 30px;
        }

        h3, 
        h4, 
        h5 {
            line-height: 1.4em;
        }

        .button {
            margin-top: 40px;
        }
    }
}*/
@media screen and (max-width: 867px) {
  .banner .banner-item {
    min-height: 220px;
  }
}
@media screen and (max-width: 520px) {
  .banner .banner-item {
    min-height: 140px;
  }
}
@media screen and (max-width: 1030px) {
  .header #logo img {
    max-width: 170px;
  }
  .header nav {
    width: calc(100% - 200px);
  }
}
.ecstra_block.banner-static {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background-position: left;
}
.ecstra_block.banner-static div.banner-item {
  background-position: left;
}
.ecstra_block.banner-static div.banner-item .wrap.cf {
  width: 1300px;
  max-width: 90vw;
  padding-top: 90px;
}
.ecstra_block.banner-static div.banner-item .wrap.cf .banner-content h1 {
  color: white;
  font-size: 3rem;
  font-weight: 600;
}
@media screen and (max-width: 670px) {
  .ecstra_block.banner-static div.banner-item {
    min-height: 180px;
  }
}

.banner.slick-slider.slick-initialized {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

ul.ecstra_block.banner.banner-slider.slick-initialized.slick-slider.slick-dotted .banner-item {
  background-size: contain !important;
}
/*# sourceMappingURL=../maps/blocks/ecstra_banner_slider.css.map */